<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- META HTTP-EQUIV="Refresh" CONTENT="0;URL=IndexAction" -->

<html>
  <head>
    <base href="<%=basePath%>">
    
	<meta name="renderer" content="webkit" ><!-- 浏览器高速模式 -->
  	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /><!-- IE的渲染模式 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    
    <meta name="keywords" content="信帧,teleframe,iparking,I停车,爱停车,blackshadowwalker" />
	<meta name="description" content="信帧,teleframe,iparking,I停车,爱停车,blackshadowwalker" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	
    <title>任我停</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	
	<script src="scripts/jquery/jquery-1.7.min.js" type="text/javascript" ></script>
	
    <link href="bootstrap/3.2/css/bootstrap.min.css" rel="stylesheet" />
	<script src="bootstrap/3.2/js/bootstrap.min.js"></script>
	<style>
		.main{
			margin: 30px auto;
		}
		img:hover{
			box-shadow: 10px 10px 1px #000066;
		}
		img.imageitem{
			width:200px;
			height:300px;
			margin: 0px auto;
			border:0px #f00 solid;
		}
	 
		body{
			color: #fff;
			background: url('images/bg.png') repeat-x;
			background-positon: 100%, 100%; 
			background-color: #fff;
		}
		
		.col-sm-4{
			padding-top:30px;
		}
	</style>
	<script>
		$(document).ready(function() {
			$("div.main").animate({
			   left: 500,
			   opacity: 'toggle' //不断切换opacity透明度 和height
			 }, 1000);
		});
	</script>

  </head>
  
  <body>
  <div class="main" style="display:none;">
  	<center>
  		<h1>
				任我停
		</h1>
		  	<div class="container">
		  	  	<div class="row " style="max-width:750px;">
			  		<div class="col-sm-4">
			  			<a href="ParkLogin?" >
							<img class="imageitem img-rounded" src="images/index/4-1.png" title="任我停管理系统" />
			  			</a>
			  		</div>
			  		<div class="col-sm-4">
			  			<a href="LoginAction?" >
		  					<img class="imageitem img-rounded"  src="images/index/3.png" title="任我停后台管理系统" />
			  			</a>
			  		</div>
			  		<div class="col-sm-4">
			  			<a href="http://app.teleframe.cn/park?" >
		  					<img class="imageitem img-rounded"  src="images/index/5-1.png" title="任我停(司机用户)" />
			  			</a>
			  		</div>
		  		</div>
		  	</div>
	  	</center>
   </div>
  </body>
</html>
